The basics

• I validated my changes

The details

Resolves

Fixes #8189

Proposed Changes

The issue was we weren't properly clearing the state of the current candidate connection, so the preview was incorrect causing blocks to disconnect and disappear, because the place they were trying to be inserted was invalid.

To explain that slightly more linearly:

1. You start with a nested stack of 3 statement blocks, built from the inside out.
2. The middle block's current candidate connection is its child, because the state from when it connected to its child was never cleared.
3. You disconnect the middle block, and it finds the parent as the valid candidate, but the current candidate (its child) is better (I.e. closer) because its state was never cleared. So we use the current candidate instead.
4. The child blocks gets disconnected and set its parent to null so it can preview, but when that happens it tries to reorder its DOM position, which doesn't work because it's already on the drag layer, where it's not expected to be, causing the error from the original issue.

Test Coverage

Manually tested.

Documentation

N/A

Additional Information

We should put out a patch for this.